---
title: "Accessibility Checker Rule Help: RPT_Font_ColorInForm"
---
import "../../../styles/ToolHelp.scss"
import { CodeSnippet, Tag } from "carbon-components-react";

<div className="toolHelp">
<Row>
<Column colLg={5} colMd={3} colSm={4} className="toolLeft">

### Who does this affect?

* Blind people using screen readers
* People with visual impairment using color contrast enhancement
* People who cannot see color, have limited color vision or have color blindness
* People using text-based browsers (e.g., Lynx) or audio interfaces

### Why is this important?

Using descriptive markup and visual differences together with color enables users who cannot see color to understand the meaning conveyed through color differences.

</Column>
<Column colLg={11} colMd={5} colSm={4} className="toolMain">

<div id="locLevel"></div>

### Check color is not used as the only visual means to convey the fields are required
Combine color and descriptive markup to convey fields are required

[IBM 1.4.1 Use of Color](https://www.ibm.com/able/guidelines/ci162/color.html) | [WCAG 2.1 technique G14](https://www.w3.org/WAI/WCAG21/Techniques/general/G14)

<div id="locSnippet"></div>

### What to do

* If color is used to indicate required fields, also use the `required` attribute and an asterisk ('*') with text (e.g.  “required fields are red") to indicate required fields both programmatically and visually without color;

</Column>
</Row>
</div>

export default ({ children, _frontmatter }) => (<React.Fragment>{children}</React.Fragment>)